<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="../src/assets/webui-popover-1.2.17/jquery.webui-popover.css" />
    <link rel="stylesheet" href="../src/css/option.css" />
    <link rel="stylesheet" href="../src/css/popup.css" />
    <style type="text/css">
        p, td, span {
            color: red;
            font-family: 'Courier New', Courier, monospace;
        }
    </style>
</head>
<body>
    <p id="good1" style="position: absolute; left: 300px; top: 10px;">good</p>
    <p id="good2" style="position: absolute; left: 700px; top: 10px;">good</p>
    <p id="courage1" style="position: absolute; left: 1000px; top: 10px;">courage</p>
    <p id="courage2" style="position: absolute; left: 300px; top: 300px;">courage</p>
    <p id="be1" style="position: absolute; left: 700px; top: 500px;">be</p>
    <p id="be2" style="position: absolute; left: 1200px; top: 300px;">be</p>
    <p id="Pneumonoultramicroscopicsilicovolcanoconiosis1" style="position: absolute; left: 300px; top: 950px;">Pneumonoultramicroscopicsilicovolcanoconiosis</p>
    <p id="Pneumonoultramicroscopicsilicovolcanoconiosis2" style="position: absolute; left: 1000px; top: 950px;">Pneumonoultramicroscopicsilicovolcanoconiosis</p>
    <p id="like1" style="position: absolute; left: 300px; top: 1150px;">like</p>
    <p id="like2" style="position: absolute; left: 1000px; top: 1050px;">like</p>    
    <p id="fragment" style="position: absolute; left: 1400px; top: 1050px;">fragment</p>

    <div id="shadowDomRef1" style="position: absolute; left: 1300px; top: 20px;"></div>
    <div id="shadowDomRef2" style="position: absolute; left: 1300px; top: 220px;"></div>

    <div id="translate" style="position: absolute; left: 1300px; top: 520px;">Hello</div>
</body>
<script type="text/javascript" src="../src/assets/jquery-3.6.0/jquery-3.6.0.min.js" ></script>
<script type="text/javascript" src="../src/assets/webui-popover-1.2.17/jquery.webui-popover.js" ></script>
<script type="text/javascript" src="popover-test.js" ></script>
</html>